<#include "common/_layout.html"/>
<@layout>
<section id="portfolio">
    <div class="container">
        <div class="center">
            <h2>${i18n.get('products')}</h2>
            <!--<p class="lead">${OPTION('product_show')!}</p>-->
        </div>
        <!--<ul class="portfolio-filter text-center">-->
            <!--<li><a class="btn btn-default active" href="${CPATH}/products">所有</a></li>-->
            <!--<@jp.taxonomys module='product'>-->
            <!--<#list taxonomys as taxonomy>-->
                <!--<li><a class="btn btn-default" href="${taxonomy.url!}">${taxonomy.title!}</a></li>-->
            <!--</#list>-->
            <!--</@jp.taxonomys>-->
        <!--</ul>&lt;!&ndash;/#portfolio-filter&ndash;&gt;-->
        <@jp.indexPage module="product"  pagesize="12"  hasThumbnail="true">
        <div class="row">
            <div class="portfolio-items">
                <#list page.getList() as content>
                <div class="portfolio-item col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="${content.thumbnail!}" alt="" style="width: 290px;height: 310px;overflow:hidden;" >
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a class="preview" href="${content.thumbnail!}" rel="prettyPhoto">${content.title}</a></h3>
                                <p>${content.summary}</p>
                                <a class="preview" href="${content.thumbnail!}" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div><!--/.portfolio-item-->
                </#list>
            </div>
        </div>
    </@jp.indexPage>
    </div>
</section><!--/#portfolio-item-->
</@layout>